<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<title>JAVAscript练习</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="shortcut icon" href="http://pengjianquan.pro.bluej.cn/resume/favicon.ico" />
		<link rel="stylesheet" type="text/css" href="../../index.css"/>
		<style></style>
	</head>

	<BODY>
		<pre><h1><a href="../../index.html">JAVAscript练习</a></h1></pre>
		<div class="box box-re form-inline">
			1、innerHTML的基本使用<br><br>
			<code>d2.innerHTML='提交后在这里显示：'+i1.value;</code><br>
			<span class="text-warning">innerHTML的值等于value的值。</span>
			<div class="box box-re">
				<div class="form-group">
					<label class="sr-only">在这里输入文字</label>
					<input type="text" class="form-control" id="input1" placeholder="在这里输入文字">
				</div>
				<button type="submit" class="btn btn-default" id="button1">提交</button>
			</div>
			<div id="div1" class="box box-re">提交后在这里显示：</div>
		</div>

		<div id="div2" class="box box-re form-inline">
			2、innerHTML、字符串、判断的基本使用<br><br>
			<div class="box box-re">
				<div class="form-group">
					<label class="sr-only">在这里输入文字</label>
					<input type="text" class="form-control" placeholder="在这里输入文字"> + <input type="text" class="form-control" placeholder="在这里输入文字">
				</div>
				<button type="submit" class="btn btn-default" id="button2">提交</button>
			</div>
			<div class="box box-re">提交后在这里显示：</div>
		</div>

		<div id="div3" class="box box-re form-inline">
			3、数组输出练习<br><br>
			<div class="box box-re">
				已知数组内容：1、这是第一句，2、这是第二句，3、这是第三句，4、这是第四句。<br><br>
				<button type="submit" class="btn btn-default">提取1</button> <button type="submit" class="btn btn-default">提取2</button> <button type="submit" class="btn btn-default">提取3</button> <button type="submit" class="btn btn-default">提取4</button> <button type="submit" class="btn btn-info" id="button3">全部弹出提取</button>
			</div>
			<div id="div5" class="box box-re">提取后在这里显示：<span class="text-danger">请点击上面的4各按钮输入</span></div>
		</div>

		<div id="Record" class="box box-re red">
			记录<br>
			<p><b>innerHTML：</b>某标签中的HTML</p>
			<p><b>字符串拼接：</b>用+可以把字符串连在一起。</p>
		</div>

	</BODY>

</HTML>